<template>
     <el-row :gutter='12' style="margin:0px 25px " justify="center">
    <el-col
      v-for="(Recommenditem, index) in Recommend "
      :key="o"
      :span="6"
    >
      <el-card :body-style="{ padding: '0px' }" >
        <img
          src="https://rs.dance365.com/photo/1666071892222_rs_1666071895782?imageView2/0/w/300/h/1200/format/webp/ignore-error/1"
          class="image"
        />
        <div style="padding: 14px">
          <span>为舞蹈而生唐诗逸！不施粉黛一舞倾城，盈盈跳出柔筋纤…</span>
          <div class="bottom">
            <!-- <time class="time">{{ currentDate }}</time> -->
            <el-button text class="button">
            150人浏览
            </el-button>
          </div>
        </div>
      </el-card>
    </el-col>
  </el-row>
</template>

<script setup>
// import useBannerStore from '../../../store/home'
const bannerStore = useBannerStore();
let Recommend = ref<any>({});
import{ref,onMounted} from 'vue'
onMounted(()=>{
  Recommend = bannerStore.$store.Recommend
  console.log(Recommend)
})
</script>

<style lang="scss" scoped>
.bottom {
  margin-top: 13px;
  line-height: 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.button {
  padding: 0;
  min-height: auto;
}

.image {
  width: 100%;
  display: block;
}
</style>